@import 'index';
*{
   
        padding: 0;
        margin: 0;
}
a{
    text-decoration: none;
}
  main {
      width: 100%;
      background-color: white;
      .quanbu{
        height: 100px;
        width: 100%;
        font-size:14px;
        color: #8c8c8c;
        line-height: 100px;
        margin-bottom: 20px;
        background-color: #efefef;
      div  span:nth-child(1){
            font-size: 14px;
             color: black;
        }
       div span:nth-child(2){
            // color: rgb(86, 83, 83);
            color: red;
       }
        div {
            width: 1190px;
            margin: auto;
        }
        span{
            display: inline;
        }
    }
      .center{
        width: 1190px;
        height: 1480px;
        // background-color: green;
        margin: auto;
       
       
       //导航
        .nav{
            width: 1190px;
            height: 46px;
             border-radius: 45px;
            background-color: #efefef;
            padding: 5px 10px;
            box-sizing: border-box;
            margin-bottom: 20px;
            .left{
                width: 323px;
                height: 34px;
                float: left;
                ul{
                
                    list-style: none;
                }
                 div{
                     float: left;
                     line-height: 29px;
                     margin-right: 20px;
                 }
                 li{
                     float: left;
                 }
                 .l-li1{
                     width: 50px;
                     color: white;
                     background-color: #d62528;
                 }
                 a{
                     width: 50px;
                     height: 35px;
                     background-color: white;
                     margin-right: 5px;
                     text-align: center;
                     line-height: 30px;
                     display: block;
                    color: #333333;
                    font-size: 12px;
                 }
                 .white{
                     width: 72px;
                 }
                 
            
            
        }
        /* 右 */
        .right{
            width: 188px;
            height: 34px;
            float: right;
            overflow: hidden;
            em{
               color: #d62528;
            }
            .num{
              
                float: left;
                margin-right: 15px;
            }
            span{
                float: left;
                margin-top: 10px;
                text-align: center;
            }
            .lt{
                width: 25px;
                height: 25px;
                line-height: 25px;
               margin-top: 5px;
               background-color: white;
               color: #d62528;
               margin-left: 8px;
            }
            .gt{
                width: 25px;
                height: 25px;
                line-height: 25px;
                margin-top: 5px;
                background-color: white;
                color: #d62528;
                margin-left: 8px;
            }
        }
      }

           /* 商品区*/
           .item-list{
               list-style-type: none;
               display: flex;
               flex-wrap: wrap  ;
            //    background-color: pink;
                li{
                    width: 230px;
                    height: 360px;
                   
                     .pic{
                         width: 230px;
                         height: 230px;
                        
                         overflow: hidden;
                      
                        img{
                            width: 100%;
                            vertical-align:middle;
                        }
                         
                     }
                     .inf{
                        width: 230px;
                        height: 109px;
                        padding: 5px 8px;
                        .name{
                            width: 214px;
                            height: 36px;
                            // margin: 6px 0 5px;
                            // padding: 0 5px;
                            font-size: 14px;
                            color: #707070;
                        }
                        .price{
                            width: 214px;
                            height: 27;
                            margin: 0  0 5px;
                            padding: 5px;
                            color:#ff0000;
                            font-size: 18px;
                            text-align: center;
                           
                        }
                        .cart{
                            width: 200px;
                            height: 30px;
                             border: 1px solid red;
                             line-height: 30px;
                            text-align: center;
                            cursor: pointer;
                        }
                     }

                }
           }
            /* 模态框*/
          
               
  }
}
#mark{
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.7);
   
     display: none;
   
    width: 100%;
    height: 100%;
       .div{
        width: 768px;
        height: 275px;
        display: block;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -384px;
        margin-top: -147.5px;
        background-color: white;
        z-index: 10001;
       }
    .float{
        width: 768px;
        height: 275px;
        display: block;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -384px;
        margin-top: -147.5px;
        // background-color: rgb(240, 235, 235);
        
        border-radius: 6px;
       display: block;
        .header-cart{
            overflow: hidden;
            color: #333333;
            background: #ffffff;
            border-bottom: 1px solid #eaeaea;
            border-radius: 6px 6px 0 0;
            height: 36px;
            line-height: 36px;
            text-align: center;
            span{
                font-size: 18px;
                margin-right: 20px;
                cursor: pointer;
                
            }
        }
        .dialog-content{
            padding: 10px;
            width: 766px;
            height: 256px;
            #item_form{
                width:746 ;
                height:236 ;
                .shoose{
                    width: 746px;
                    height: 236px;
                    padding: 15px 0 20px 20px;
                    .price {
                        height: 36px;
                         div:nth-child(1){
                            float: left;
                            width: 75px;
                            margin-right: 0;
                            height: 36px;
                            clear: both;
                            font-size: 12px;
                            line-height: 30px;
                            color: #3a3a3a;
                        }
                    .price div:nth-child(2){
                        color: #dd2434;
                        font-size: 20px;
                    }
                }
                    .color{
                        width: 726px;
                        height: 50px;
                        :nth-child(1){
                            width: 75px;
                            height: 36px;
                            float: left;
                        }
                        :nth-child(2){
                            width: 185px;
                            height: 45px;
                            border: 1px solid #cbcbcb;
                            float: left;
                            
                            img{
                                margin-left:70px;
                                margin-top:5px ;

                            }
                        }
                    }
                    .num{
                        width: 736px;
                        height: 40px;
                        
                        line-height: 40px;
                        
                        :nth-child(1){
                            width: 75px;
                            height: 36px;
                            font-size: 14px;
                            float: left;
                            
                        }
                        .jian{   
                            width: 32px;
                            height: 40px;
                            border: 1px solid #cbcbcb;
                            text-align: center;
                            margin-top: 2px;
                            cursor: pointer;
                        }
                        .jia{
                            width: 32px;
                            height: 40px;
                            border: 1px solid #cbcbcb;
                            text-align: center;
                            float: left;
                            margin-top:2px ;
                            cursor: pointer;
                        }
                        input{
                            width: 62px;
                            height: 40px;
                            text-align: center;
                            float: left;
                            margin-top: 2px;
                        }
                    }
                    .Cart{
                        width: 726px;
                        height: 55px;
                        margin-top: 20px;
                        cursor: pointer;
                        div{
                            width: 233px;
                            height: 53px;
                            border: 1px solid #d62528;
                            text-align: center;
                            line-height: 50px;
                            margin: auto;
                           
                        }
                    }
                }
            }
        }

    }

}